<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <link href="<%=request.getContextPath()%>/css/bootstrap.min.css" rel="stylesheet">
        <link href="<%=request.getContextPath()%>/css/bootstrap.css" rel="stylesheet">
        <link href="<%=request.getContextPath()%>/css/bootstrap-responsive.min.css"  rel="stylesheet">
        <link href="<%=request.getContextPath()%>/css/bootstrap-responsive.css"  rel="stylesheet">



        <title>JSP Page</title>
    </head>
    <body style="background-image: url(images/fondo.jpg)">
        <div class="container">
            
                <div class="row-fluid">
                    <div class="span6">

                    <div class="hero-unit">
<div class="row-fluid">
<div class="span4"><p>Marcos</p></div>
<div class="span8"><p>Marcos Perez Sanchez</p></div>
</div>
<div class="row-fluid">
<div class="span6"><p>jperez@pucp.edu.pe</p></div>
<div class="span6"><p>ADMINISTRADOR</p></div>
</div>
<div class="row-fluid">
<div class="span6"><p><h6>Configuracion de cuenta</h6></p></div>
<div class="span6"><p><button class="btn btn-primary" type="button">Cerrar Sesion</button></p></div>
</div>
</div>
</div>    
</div>                                   


            
            <div class="span10">
                <div class="container">
                    <div class="row-fluid">
                        <div class="span4">
                            <p>
                            <form action="archivos.jsp">
                                <button class="btn btn-large btn-block" type="submit">Archivos</button>
                            </form>
                            </p>
                            <p>
                            <form action="archivos_reportados.jsp">
                                <button class="btn btn-large btn-block" type="submit">Archivos Reportados</button>
                            </form>
                            </p>
                            <p>
                            <form action="comentarios_reportados.jsp">
                                <button class="btn btn-large btn-block" type="submit">Comentarios Reportados</button>
                            </form>
                            </p>
                            <p>
                            <form action="usuarios.jsp">
                                <button class="btn btn-large btn-block" type="submit">Usuarios</button>
                            </form>
                            </p>
                            <p>
                            <form action="archivos_subidos.jsp">
                                <button class="btn btn-large btn-block" type="submit">Archivos Subidos</button>
                            </form>
                            </p>
                            <p>
                            <form action="sube_mas.jsp">
                                <button class="btn btn-large btn-block" type="submit">Sube más ...</button>
                            </form>
                            </p>
                        </div>
                        <div class="span8" style="height:400px;border:1px solid #ccc;overflow:auto;">
                            <div class="hero-unit"   >
                                <div class="row-fluid"><div class="span8"><h4> <strong> Campos1 / E4 / Nota:12 </strong></h4> </div><div class="span3"><font color="red">REPORTADO</font></div><div class="span1" ><p id="derecha"><a href="#">Ver</a></p></div></div>
                                <div class="row-fluid"><div class="span6"><h6>Subido por: Manuel el 05/11/2012</h6></div> <div class="span6"><h6>21 Descargas / 13 Votos / 10 Comentarios</h6></div></div>
                            </div>
                            <div class="hero-unit"   >
                                <div class="row-fluid"><div class="span8"><h4> <strong> Campos1 / E4 / Nota:12 </strong></h4> </div><div class="span3"><font color="red">REPORTADO</font></div><div class="span1" ><p id="derecha"><a href="#">Ver</a></p></div></div>
                                <div class="row-fluid"><div class="span6"><h6>Subido por: Manuel el 05/11/2012</h6></div> <div class="span6"><h6>21 Descargas / 13 Votos / 10 Comentarios</h6></div></div>
                            </div>
                            <div class="hero-unit"   >
                                <div class="row-fluid"><div class="span8"><h4> <strong> Campos1 / E4 / Nota:12 </strong></h4> </div><div class="span3"><font color="red">REPORTADO</font></div><div class="span1" ><p id="derecha"><a href="#">Ver</a></p></div></div>
                                <div class="row-fluid"><div class="span6"><h6>Subido por: Manuel el 05/11/2012</h6></div> <div class="span6"><h6>21 Descargas / 13 Votos / 10 Comentarios</h6></div></div>
                            </div>
                            <div class="hero-unit"   >
                                <div class="row-fluid"><div class="span8"><h4> <strong> Campos1 / E4 / Nota:12 </strong></h4> </div><div class="span3"><font color="red">REPORTADO</font></div><div class="span1" ><p id="derecha"><a href="#">Ver</a></p></div></div>
                                <div class="row-fluid"><div class="span6"><h6>Subido por: Manuel el 05/11/2012</h6></div> <div class="span6"><h6>21 Descargas / 13 Votos / 10 Comentarios</h6></div></div>
                            </div>
                            <div class="hero-unit"   >
                                <div class="row-fluid"><div class="span8"><h4> <strong> Campos1 / E4 / Nota:12 </strong></h4> </div><div class="span3"><font color="red">REPORTADO</font></div><div class="span1" ><p id="derecha"><a href="#">Ver</a></p></div></div>
                                <div class="row-fluid"><div class="span6"><h6>Subido por: Manuel el 05/11/2012</h6></div> <div class="span6"><h6>21 Descargas / 13 Votos / 10 Comentarios</h6></div></div>
                            </div>
                            <div class="hero-unit"   >
                                <div class="row-fluid"><div class="span8"><h4> <strong> Campos1 / E4 / Nota:12 </strong></h4> </div><div class="span3"><font color="red">REPORTADO</font></div><div class="span1" ><p id="derecha"><a href="#">Ver</a></p></div></div>
                                <div class="row-fluid"><div class="span6"><h6>Subido por: Manuel el 05/11/2012</h6></div> <div class="span6"><h6>21 Descargas / 13 Votos / 10 Comentarios</h6></div></div>
                            </div>
                            <div class="hero-unit"   >
                                <div class="row-fluid"><div class="span8"><h4> <strong> Campos1 / E4 / Nota:12 </strong></h4> </div><div class="span3"><font color="red">REPORTADO</font></div><div class="span1" ><p id="derecha"><a href="#">Ver</a></p></div></div>
                                <div class="row-fluid"><div class="span6"><h6>Subido por: Manuel el 05/11/2012</h6></div> <div class="span6"><h6>21 Descargas / 13 Votos / 10 Comentarios</h6></div></div>
                            </div>
                            
                                                   
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script src="<%=request.getContextPath()%>/js/bootstrap.min.js"></script>
        <script src="<%=request.getContextPath()%>/js/bootstrap.js"></script>
    </body>
</html>
